<template>
  <div class="one-map">
    <!--  地图组件  -->
    <map-view></map-view>
    <!--  地图查询  -->
    <mpa-tools @navigation="navigation"></mpa-tools>
    <!--  目录树  -->
    <map-tree :navigationIndex="navigationIndex"></map-tree>
    <!--  行政区划  -->
    <administrative-division :navigationIndex="navigationIndex"></administrative-division>
    <!--  空间查询表格  -->
    <spatial-query></spatial-query>
  </div>
</template>

<script>
import mapView from '../components/common/mapView.vue'
import mpaTools from '../components/common/mpaTools.vue'
import mapTree from '../components/common/mapTree.vue'
import administrativeDivision from '../components/common/administrativeDivision.vue'
import spatialQuery from '../components/common/spatialQuery.vue'
export default {
  name: "oneMap",
  data() {
    return {
      navigationIndex:''
    }
  },
  components:{
    mapView,
    mpaTools,
    mapTree,
    administrativeDivision,
    spatialQuery
  },
  methods:{
    navigation(index) {
      this.navigationIndex = index;
    },
  }
}
</script>

<style scoped>
.one-map {
  position: relative;
  height: 100%;
  width: 100%;
}
</style>